آموزش مقدمه ای بر فناوری های توسعه وب سایت [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• چرا توسعه وب را یاد بگیریم؟ Why Learn Web Development?

راه اندازی محیط Environment Setup

• ابزارهای توسعه وب Web Development Tools

• کد ویژوال استودیو را نصب کنید Install Visual Studio Code

• برنامه های افزودنی توسعه توصیه شده Recommended Development Extensions

• Git و GitHub را راه اندازی کنید Set Up Git and GitHub

• فضای کاری پروژه وب سایت را تنظیم کنید Set Up Website Project Workspace

HTML پایه Basic HTML

• HTML را کاوش کنید Explore HTML

• اولین سند HTML خود را بنویسید Write Your First HTML Document

• اضافه کردن متن و لینک Adding Text and Links

• چندین صفحه HTML Multiple HTML Pages

• افزودن تصاویر Adding Images

• اضافه کردن لیست های مرتب و نامرتب Adding Ordered and Unordered Lists

• اضافه کردن یک جدول HTML Adding an HTML Table

• افزودن فرم HTML - قسمت 1 Adding an HTML Form - Part 1

• افزودن فرم HTML - قسمت 2 Adding an HTML Form - Part 2

• جاسازی محتوای خارجی Embedding External Content

• جاسازی محتوای رسانه ای (تصویری و صوتی) Embedding Media Content (Video and Audio)

• نظرات و استایل Comments and Styling

• به GitHub اضافه کنید Add to GitHub

برگه های سبک آبشاری Cascading Style Sheets

• CSS (برگ های سبک آبشاری) چیست؟ What Is CSS (Cascading Style Sheets)

• CSS درون خطی Inline CSS

• CSS داخلی Internal CSS

• استایل شیت های خارجی External Stylesheets

• معناشناسی HTML HTML Semantics

• طرح بندی غیر معنایی HTML - قسمت 1 HTML Non-Semantic Layout - Part 1

• چیدمان غیر معنایی HTML - قسمت 2 HTML Non-Semantic Layout - Part 2

• چیدمان و طراحی ثابت صفحه وب Consistent Webpage Layout and Design

• استفاده از کلاس ها Using Classes

• به GitHub اضافه کنید Add to GitHub

جاوا اسکریپت JavaScript

• جاوا اسکریپت چیست؟ What Is JavaScript?

• جاوا اسکریپت و کنسول مرورگر را کاوش کنید Explore JavaScript and the Browser Console

• بیانیه های جاوا اسکریپت و اعلان های متغیر JavaScript Statements and Variable Declarations

• عملیات محاسباتی جاوا اسکریپت JavaScript Arithmetic Operations

• بیانیه های تصمیم جاوا اسکریپت JavaScript Decision Statements

• بیانیه های تکرار جاوا اسکریپت JavaScript Repetition Statements

• توابع جاوا اسکریپت JavaScript Functions

• متغیرها و دامنه جاوا اسکریپت JavaScript Variables and Scope

• جاوا اسکریپت و HTML DOM JavaScript and HTML DOM

• جاوا اسکریپت در نحو HTML JavaScript in HTML Syntax

• افزودن جاوا اسکریپت به HTML - قسمت 1 Adding JavaScript to HTML - Part 1

• افزودن جاوا اسکریپت به HTML - قسمت 2 Adding JavaScript to HTML - Part 2

• جی کوئری چیست؟ What Is jQuery?

• افزودن jQuery به وب سایت Adding jQuery to a Website

• جی کوئری در مقابل جاوا اسکریپت jQuery Versus JavaScript

• به GitHub اضافه کنید Add to GitHub

توسعه وب با چارچوب بوت استرپ Web Development with the Bootstrap Framework

• بوت استرپ چیست؟ What Is Bootstrap?

• اسناد Bootstrap را کاوش کنید Explore Bootstrap's Documentation

• اضافه کردن بوت استرپ به وب سایت شما Adding Bootstrap to Your Website

• افزودن نوار ناوبری بوت استرپ و طرح بندی - قسمت 1 Adding Bootstrap Navbar and Layout - Part 1

• افزودن نوار ناوبری بوت استرپ و طرح بندی - قسمت 2 Adding Bootstrap Navbar and Layout - Part 2

• جداول بوت استرپ Bootstrap Tables

• فرم های بوت استرپ Bootstrap Forms

• دکمه های بوت استرپ Bootstrap Buttons

• بوت استرپ چرخ فلک Bootstrap Carousel

• کارت های بوت استرپ و گرید Bootstrap Cards and Grid

• آکاردئون بوت استرپ Bootstrap Accordion

• وب سایت را پاکسازی کنید Clean Up Website

• ردیابی صفحه فعال - CSS + جاوا اسکریپت Tracking Active Page - CSS + JavaScript

• به GitHub اضافه کنید Add to GitHub

انتشار وب سایت شما Publishing Your Website

• اصول میزبانی وب سایت Website Hosting Principles

• نتلیفای چیست؟ What Is Netlify?

• وب سایت را با استفاده از Deploy دستی در Netlify منتشر کنید Publish Website Using Manual Deploy on Netlify

• انتشار وب سایت با استفاده از GitHub و Netlify (CI/CD Pipeline) Publish Website Using GitHub and Netlify (CI/CD Pipeline)

• ویژگی های اضافی Netlify Additional Netlify Features

نتیجه Conclusion

• خلاصه دوره Course Recap

• توصیه ها Recommendations